<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>id选择器</title>
    <style>
        #red{
            /* 定义 */
            color: red;
        }
    </style>
</head>
<body>
    <!-- 使用 -->
    <div id="red">div 标签</div>
</body>
</html>
<!--
    id选择器作用:
        查找标签，差异化设置标签的显示效果。
    场景:
    id 选择器一般配合JavaScript 使用，很少用来设置CSS样式
    步骤:
        定义 id 选择器 → #id名
        使用 id 选择器 → 标签添加 id="id名"
    规则:
        同一个 id 选择器在一个页面只能使用一次
    <style>
        /*定义 id 选择器 */
        #red {
            color: red;
        }
    </style>
    使用 id 选择器 
        <div id="red">这是 div 标签</div>
-->